﻿<div id="jWizard" class="jWizard">
    <div id="reservation-step" title="Make a reservation">
        <p>
            <span>Pick up location</span><br />
            <select id="ddlLocation">
                <option value="0">Ohio</option>
                <option value="1">Missoury</option>
                <option value="2">Florida</option>
            </select></p>
        <p>
            <span>Pick up Date and Time <span id='span-pickup-date' class="error star">*</span></span>
            <input type="text" readonly="readonly" id="txtStartDate" />
            <select id="ddlStartHours">
                <option value="0">00</option>
                <option value="1">01</option>
                <option value="2">02</option>
                <option value="3">03</option>
                <option value="4">04</option>
                <option value="5">05</option>
                <option value="6">06</option>
                <option value="7">07</option>
                <option value="8">08</option>
                <option value="9">09</option>
                <option value="10" selected="selected">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
            </select>
            <select id="ddlStartMinutes">
                <option value="0" selected="selected">:00</option>
                <option value="15">:15</option>
                <option value="30">:30</option>
                <option value="45">:45</option>
            </select></p>
        <p>
            <span>Return Date and Time <span id='span-return-date' class="error star">*</span></span>
            <input type="text" readonly="readonly" id="txtReturnDate" />
            <select id="ddlReturnHours">
                <option value="0">00</option>
                <option value="1">01</option>
                <option value="2">02</option>
                <option value="3">03</option>
                <option value="4">04</option>
                <option value="5">05</option>
                <option value="6">06</option>
                <option value="7">07</option>
                <option value="8">08</option>
                <option value="9">09</option>
                <option value="10" selected="selected">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
                <option value="13">13</option>
                <option value="14">14</option>
                <option value="15">15</option>
                <option value="16">16</option>
                <option value="17">17</option>
                <option value="18">18</option>
                <option value="19">19</option>
                <option value="20">20</option>
                <option value="21">21</option>
                <option value="22">22</option>
                <option value="23">23</option>
            </select>
            <select id="ddlReturnMinutes">
                <option value="0" selected="selected">:00</option>
                <option value="15">:15</option>
                <option value="30">:30</option>
                <option value="45">:45</option>
            </select></p>
        <p>
            <span>Rental car type</span><span style="margin-left: 52px;">Choose tariff</span><br />
            <select id="ddlCars">
                <option value="ACAR" selected="selected">Show Me All</option>
                <option value="ABSN">Business Collection</option>
                <option value="ASPR">Sport Collection</option>
                <option value="ABDG">Budget Models</option>
                <option value="AFAM">Family Collection</option>
                <option value="AVAN">Vans</option>
            </select>
            <select id="ddlTariff" style="margin-left: 27px;">
                <option value="0" selected="selected">Hourly</option>
                <option value="1">Daily</option>
            </select>
        </p>
        <p>
            <span style="margin-right: 30px;">Email <span id='span-email' class="error star">*</span></span><input type="text" id="txtEmail" style="width: 165px;" /></p>
        <span id="step-0-error" class="error" style="visibility: hidden;">Please, fill in all
            fields</span>
    </div>
    <div title="Choose auto" class="hidden">
        <div class="note">
            <p>
                Please Note: The vehicles shown are examples. Specific models within a car class
                may vary in availability and features such as passenger seating, luggage capacity
                and mileage. Vehicle you rent may not be the exact make and model as the vehicle
                displayed, although it will be from the same car group, meaning that it will be
                comparable in size and performance to that vehicle.</p>
        </div>
        <div id="vehicleWrapper">
        </div>
        <span id="step-1-error" class="error" style="visibility: hidden;">Please, choose a car</span>
    </div>
    <div title="Reservation summary" class="hidden">
        <div class="note">
            <p>
                Check this information and if you want to change something - please, return to previous
                step
            </p>
        </div>
        <div id="order-summary">
            <div id="reservation-result" style="float: left;">
            </div>
            <div style="float: left; border-left: 1px solid black; padding-left: 15px; width: 500px;">
                <p>
                    Pick up location: <span id="location" class="span-info"></span>
                </p>
                <p>
                    Pick up Date and Time: <span id="startDate" class="span-info"></span>
                </p>
                <p>
                    Return Date and Time: <span id="returnDate" class="span-info"></span>
                </p>
                <p>
                    Rental car type: <span id="carType" class="span-info"></span>
                </p>
                <p>
                    Rent tariff: <span id="tariff" class="span-info"></span>
                </p>
                <p>
                    Email: <span id="email" class="span-info"></span>
                </p>
            </div>
        </div>
    </div>
    <div title="Thank you for reservation" class="hidden">
        <div class="note">
            <p>
                Thank you for choosing our service,<br />
                checkout your email for additional information, write down your order ID (it will
                be sent on your email too): <span id="orderId"></span>
            </p>
        </div>
    </div>
</div>
